<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 引入js文件 -->
  <link rel="stylesheet" href="./css/style.css">
  <style></style>
  <title>射击游戏</title>
</head>

<body>
  <!-- 舞台 -->
  <div id="map">
    <!-- 开始界面，可以在这里选择难度 -->
    <div id="begin" class="begin">
      <div class="l">
        <h2>射击游戏</h2>
        <p>这是一个令人欲罢不能的射击游戏，使用←和一操作你的飞机，使用空格(space) 进行射击。一起来消灭宇宙怪兽吧!</p>
        <p>请选择难度
          <select class="list" id="list">
            <option row="1">简单</option>
            <option row="2" selected>普通</option>
            <option row="3">困难</option>
          </select>
        </p>
        <button id="go">开始游戏</button>
      </div>
      <div class="r">
        <img src="./img/bg.png" alt="">
      </div>
    </div>
    <!-- 记分板 -->
    <span>分数：<i id="f">0</i></span>
    <!-- 游戏结束界面 -->
    <div id="end" class="begin">
      <div class="l">
        <h2>游戏结束了</h2>
      </div>
      <div class="r">
        <img src="./img/bg.png" alt="">
      </div>
    </div>
  </div>
  <!-- 引入js文件 -->
  <script src="./js/plane.js"></script>
  <script src="./js/enemy.js"></script>
  <script src="./js/bullet.js"></script>
  <script src="./js/game.js"></script>
  <script src="./js/index.js"></script>

</body>

</html>